.m-cuboid {
    // max-height: 32rem;
    perspective: 108em;
    // padding: 4rem;

    .box {
        /*这句很重要*/
        transform-style: preserve-3d;
        margin: auto;
        transform-origin: center;
        // width: 16rem;
        // height: 16rem;
        // transform: rotateX(30deg);

        &>div {
            position: absolute;
            background: linear-gradient(to bottom, skyblue, lightgreen, pink);
            border: 0.0625rem solid rgba(121, 121, 121, 0.5);
            text-shadow: rgb(255 255 255) 0px 0px 0.125rem;
            transform-origin: center;
            // font-size: 3rem;
        }
    }

}

.ctrlBar {
    position: relative;

    input {
        display: inline-block;
        margin-bottom: .5rem;
        width: 10rem;

        &[type=color] {
            margin-left: .5rem;
            margin-right: .5rem;
        }
    }

    output {
        display: inline-block;
        width: 5rem;
    }
}